<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
</head>
<body>
<ul>
    <li>Apple</li>
    <li>Tomato</li>
</ul>
<ul>
    <li>Banana<span>aa</span></li>
    <li>Potato</li>
    <li>Orange</li>
</ul>
<h1 style="display: none;">aaa</h1>
<h1 style="display: none;">bbb</h1>
<h1 style="display: none;">ccc</h1>
<h1 style="display: none;">ddde</h1>
<input type="button" value="点我">
<input type="button" value="点我">
<script type="text/javascript">
    $("input:eq(0)").click(function(){
        $('h1:hidden').show(1000);
    })
    $("input:eq(1)").click(function(){
        $('h1:visible').hide(1000);
    })


//    $('li:has(span)').css('color', 'red');
//    $('li:last-child').css('color', 'blue');
</script>

</body>
</html>